<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>

    <head>        
        <script language=javascript> var rev = "fwd"; 
            function titlebar(val) { var msg  = "HOME | SMA HARAPAN BANGSA"; 
                var res = " "; var speed = 100; var pos = val;  
                msg = " "+msg+" "; var le = msg.length; 
                if(rev == "fwd"){  if(pos < le){  pos = pos+1;  
                        scroll = msg.substr(0,pos);  document.title = scroll;  
                        timer = window.setTimeout("titlebar("+pos+")",speed);  }  
                    else{  rev = "bwd";  timer = window.setTimeout("titlebar("+pos+")",speed);  } } 
                else{  if(pos > 0){  pos = pos-1;  
                        var ale = le-pos;  scrol = msg.substr(ale,le);  
                        document.title = scrol;  timer = window.setTimeout("titlebar("+pos+")",speed);  }  
                    else{  rev = "fwd";  timer = window.setTimeout("titlebar("+pos+")",speed);  } } }  titlebar(0); 
        </script>

        <style type="text/css">
            #main{
                font-weight: bold;
                padding-left:0px;
                padding-right:0px;
                margin-top: 0px;
                margin-left:170px;
                margin-right:170px;
                margin-bottom:0px;
            }

            #menuhor{
                list-style-type: disc;
                margin: 0;
                padding: 0;

                float: left;
            }
            #menuhor li {
                margin: 0;
                padding: 0 ;
                float: left;

            }
            #menuhor a {
                float: none;
                width: 150px;
                text-align: center;
                color: #FFF;
                text-decoration: none;
                padding: 2px;
                line-height: 2;
                margin-bottom: 3px;
            }
            #menuhor a:hover{
                background: yellow;
            }

            #teks{
                font-family: Arial;
                font-size: 13px;
            }

            .txt_content03 {
                font-family: Tahoma;
                font-size: 11px;
            }


        </style>
        <link href="http://img98.imageshack.us/img98/9617/image3cr0.gif" rel='SHORTCUT ICON'/>
    </head>

    <body bgcolor="grey">
    <script language="javascript">
            function show_hari()
            {
                //membuat variabel bertipe array untuk nama hari
                var NamaHari = new Array("Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat",
                "Sabtu");
                //membuat variabel bertipe array untuk nama bulan
                var NamaBulan = new Array("Januari", "Februari", "Maret", "April", "Mei",
                "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember");
                var sekarang = new Date();
                var HariIni = NamaHari[sekarang.getDay()];
                var BulanIni = NamaBulan[sekarang.getMonth()];
                var tglSekarang = sekarang.getDate();
                var TahunIni = sekarang.getFullYear();
                document.write(HariIni + ", " + tglSekarang + " " + BulanIni + " " + TahunIni);
            }
        </script>  
        
        <div id="main">
            <img alt="cover" src="gambar/tes.jpg" width="1000" height="200">

            <br>
            </body>
            <div id="menuhor"style="position:absolute;right:7px;left:470px;top:170px;">
                <a href="home.html"><m style="color:black;font-family:Tahoma;font-size:20px">  HOME </a></m>
                <a href="daftar.jsp"><m style="color:black;font-family:Tahoma;font-size:20px">| PENDAFTARAN </a></m>
                <a href="jurnal.jsp"><m style="color:black;font-family:Tahoma;font-size:20px">| JURNAL NILAI</a></m>           
                <a href="tentang.jsp"><m style="color:black;font-family:Tahoma;font-size:20px">| TENTANG SEKOLAH</a></m>
            </div>
            
            <font style="font-family: Arial; color:white"><script>show_hari();</script>
            | <font id="demo"></font>
        <script>
            var myVar=setInterval(function(){myTimer()},1000);

            function myTimer()
            {
                var d=new Date();
                var t=d.toLocaleTimeString();
                document.getElementById("demo").innerHTML=t;
            }
        </script>
            
            
            <h3  style="color:black;font-family:times new roman;font-size:100%;background-color: transparent;text-align: justify">

                <br><br>
                <font id="teks" style="position:absolute;right:125px;left:250px;"> VISI & MISI SEKOLAH :<br><br>

                Visi<br>

                Kami memilih visi ini untuk tujuan jangka panjang, jangka menengah dan jangka pendek. Visi ini menjiwai warga sekolah kami untuk selalu mewujudkannya setiap saat dan berkelanjutan dalam mencapai tujuan sekolah.<br>  
                Visi tersebut mencerminkan profil dan cita-cita sekolah yang:<br>
                a.    berorientasi ke depan dengan memperhatikan potensi kekinian.<br>
                b.    sesuai dengan norma dan harapan masyarakat.<br>
                c.    keunggulan di bidang Informasi, Komunikasi dan Teknologi.<br>
                d.    mendorong semangat dan komitmen seluruh warga sekolah menuju prestsi.<br>
                e.    mendorong adanya perubahan yang lebih baik.<br>
                f.    meningkatkan ketaqwaan kepada Tuhan Yang Maha Esa kepada seluruh warga sekolah.<br>


                <br>
                Misi<br>
                a.    Membentuk generasi bangsa yang unggul dalam prestasi dan kreatif<br>
                b.    Mengoptimalkan kemampuan peserta didik<br>
                c.    Mendorong siswa terampil dalam teknologi<br>
                d.    Mengaktualisikan nilai-nilai Agama dalam kehidupan sehari-hari.<br>
                </font>
                <br></h3>  <br><br><br><br>


            <br><br><br><br><br>
            <br><br><br><br><br><br><center><img src="gambar/sw.gif"
                                                 width="500" height="100">
                <br><br><br>
            </center>

            <hr style="color: black;" size=" 1px" >
            <center>
                <div class="txt_content03"><b>PPDB-harsa.sch.id</b><br><br>
                    PPDB Online SMA Harapan Bangsa<br>
                    Jln. Bhayangkara 15 Sleman, Yogyakarta, Indonesia<br>
                    Tel: (0274)345-276,65782 , Fax :(0274)345-276,65782<br>

                    Email: HARSA.School@gmail.com
                    <br><br>
                    Support by : <br>
                    <a href="http://www.usd.ac.id" target="_blank">Universitas Sanata Dharma</a>
                    <br>
                    <br>
                    <a href="home.html" target="_blank">PPDB-harsa.sch.id</a>

                </div>
                </body>

                </html>
